<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="./Jcrop-WIP-2.x/js/jquery.min.js"></script>
	<script src="./Jcrop-WIP-2.x/js/Jcrop.js?k=2"></script>
	<link rel="stylesheet" href="./Jcrop-WIP-2.x/css/Jcrop.css">
	<style>
		#view {
			border: 1px dashed red;
			width: 260px;
			height: 130px;
		}
	</style>
</head>
<body>
	<div id="view"></div>
	<img src="./1.jpg" alt="">
	<script>
		$('img').Jcrop({
		  aspectRatio: 2,
		  setSelect: [ 175, 100, 400, 300 ]
		},function(){
		  var jcrop_api = this;
		  this.initComponent('Thumbnailer', { width: 130 * 2, height: 130, itcast: 'itheima', target: '#view' });
		});
	</script>
</body>
</html>